<template>
    <div>
        <div style="color: #fff;">
            <el-container class="community-container">
                <el-header style="height: .88rem;">
                    <el-menu :default-active="$route.path"
                            class="nav-menu"
                            mode="horizontal"
                            :router="true"
                            background-color="#1b1b1b"
                            text-color="#fff"
                            active-text-color="#ff9625">
                        <div class="serchbox"><img src="@/assets/images/搜索.png" alt=""></div>
                        <el-menu-item :index="item.path" v-for="item in communityList" :key="item.id">{{item.name}}</el-menu-item>
                        <div class="publishbox"><img @click="$router.push('/publish')" src="@/assets/images/添加.png" alt=""></div>
                    </el-menu>
                </el-header>
                <!-- 显示主体 -->
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
            
        </div>
        <div class="seat"></div>
        <Nav></Nav>
    </div>
</template>

<script>

import Nav from '@/components/pub/Nav.vue';

export default {
    name: 'WorkspaceJsonCommunity',

    data() {
        return {
            categoryRadio: 2,
            communityList: [
                {id: 1, name: '关注', path: '/community/focus'},
                {id: 2, name: '圈子', path: '/community/circle'},
                {id: 3, name: '话题', path: '/community/topics'}
            ]
        };
    },

    components: {
        Nav,
    },

    watch: {

    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="sass">
@import '@/assets/css/community/Community.scss'
</style>